<!--
  ガジェットをフレームとして埋め込むコンテナページのHTML
-->
<html><head>
  <meta http-equiv="content-type" 
        content="text/html; charset=utf-8" />
  <script type="text/javascript">
// ガジェットとして表示するHTMLのURL
var gadgetUrl = 
  'http://crossdomain-webdb.googlecode.com/svn/trunk/window.name/gadget.html';

// ガジェットをIFRAMEでページ内に描画
function renderGadget() {
  var receiverUrl = 
    location.href.split('/').slice(0, -1).join('/') +
    '/container-receiver.html';
  var gadgetFrame = document.createElement('iframe');
  gadgetFrame.id = 'gadget';
  gadgetFrame.style.width = '500px';
  gadgetFrame.style.height = '300px';
  gadgetFrame.scrolling = 'no';
  gadgetFrame.src = gadgetUrl + '#' + 
                    encodeURIComponent(receiverUrl);
  document.body.appendChild(gadgetFrame);
}

// ガジェットから送信されたメッセージを表示
function showMessage(message) {
  var output = document.getElementById('messageOut');
  output.innerHTML = message;
}

window.onload = renderGadget;
  </script>
</head>
<body style="background-color:#ffcccc">
  <p>
    Container in  
    <script type="text/javascript">
    document.write('<b>' + location.hostname + '</b>')
    </script>
  </p>
  <div id="messageOut"></div>
</body></html>
